.user {
	height: 134rpx;
	padding-left: 48rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	.user-info {
		height: 112rpx;
		display: flex;
		.user-avator {
			height: 112rpx;
			width: 112rpx;
			.user-avator__icon {
				height: 112rpx;
				width: 112rpx;
				border-radius: 50%;
			}
		}
		.user-detail {
			padding-left: 16rpx;
			display: flex; 
			flex-direction: column;
			justify-content: center;
			.user-name {
				font-family: 'SourceHanSansCN-Medium';
				font-size: 28rpx;
				font-weight: 500;
				color: #333333;
				letter-spacing: 0;
				line-height: 42rpx;
				display: flex;
				align-items: center;
			}
			.user-vip {
				height: 32rpx;
				display: flex;
				align-items: center;
				.user-vip__icon {
					width: 36rpx;
					height: 32rpx;
					position: relative;
					z-index: 2;
				}
				.user-vip__level {
					border-radius: 0 10rpx 10rpx 0;
					background: linear-gradient(79deg, #DC9B3E 0%, #FFDDB1 100%);
					margin-left: -18rpx;
					font-size: 16rpx;
					font-weight: 500;
					padding: 2rpx 5rpx;
					padding-left: 18rpx;
					font-family: 'SourceHanSansCN-Medium';
				}
			}
			.user-expire {
				height: 36rpx;
				line-height: 36rpx;
				font-weight: 400;
				font-size: 22rpx;
				color: #333333;
				letter-spacing: 0;
			}
		}
	}
	.user-menu {
		height: 134rpx;
		display: flex;
		padding-right: 15rpx;
		box-sizing: border-box;
		font-family: 'SourceHanSansCN-Medium';
		.user-menu-item {
			height: 90rpx;
			width: 90rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
			.user-menu-item__icon {
				width: 48rpx;
				height: 48rpx;
			}
			.user-menu-item__count {
				position: absolute;
				top: 0;
				right: 0;
				height: 28rpx;
				padding: 0 8rpx;
				background: #E95B59;
				border-radius: 50%;
				display: flex;
				align-items: center;
				align-self: center;
				font-family: 'SourceHanSansCN-Medium';
				font-weight: 400;
				font-size: 22rpx;
				color: #FFFFFF;
				line-height: 28rpx;
			} 
			.user-menu-item-tag {
				position: absolute;
				top: 0rpx;
				left: 40rpx;
				height: 42rpx;
				width: 64rpx;
				z-index: 1;
				display: flex;
				align-items: center;
				justify-content: center;
				.user-menu-item-tag__count {
					height: 32rpx;
					min-width: 32rpx;
					border-radius: 32rpx;
					box-sizing: border-box;
					background: #ee0a24;
					display: flex;
					align-items: center;
					justify-content: center;
					padding: 0 6rpx;
					color: #FFFFFF;
					font-family: 'SourceHanSansCN-Medium';
					letter-spacing: 0;
					font-weight: 400;
					font-size: 24rpx;
				}
			}
		}
	}
}